<div class="list">
    <div class="item item-input">
        <span style="max-width: 80px;" class="input-label">手机号<span style="color: red;">*</span>：</span>
        <input type="text" name="userCell" ng-disabled="data.userCellDisabled" ng-pattern="/^((13[0-9])|147|(15[0-35-9])|173|175|17[0-16-8]|180|182|(18[5-9]))[0-9]{8}$/" ng-model="data.userCell"
               required placeholder="输入手机号和图形码获取校验码" style="max-width: 220px;"
               ng-disabled="userCellDisabled"
               ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }">
        <a class="button button-small button-balanced" ng-disabled="form.userCell.$invalid || checkButton" ng-click="getDigit()">
            {{buttonText}}
        </a>
    </div>

    <div class="item item-input">
        <span style="max-width: 80px;" class="input-label"><span style="color: red;"></span></span>
        <input type="text" maxlength="4" ng-model="data.graphCode" placeholder="看不清，点击图形刷新" style="max-width: 220px;" />
        <img style="width:20%; margin-right:10px;" src="code_gg.php" id="graph_char" ng-click="refreshGraph()">
    </div>

    <!--Error Container for Password -->
    <div class="validation-error" ng-class="{'is-dirty':myForm.userCell.$dirty}"
         ng-messages="form.userCell.$error" role="alert">
        <div ng-messages-include="templates/system-templates/detail-cell-error.html"></div>
    </div>
    <label class="item item-input">
        <span class="input-label">校验码<span style="color: red;">*</span>：</span>
        <input type="text" name="checkDigit"  ng-model="data.checkDigit"
               required
               ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }">

    </label>
    <!-- Error Container for Password -->
    <div class="validation-error" ng-class="{'is-dirty':form.checkDigit.$invalid}"
         ng-messages="form.checkDigit.$error" role="alert">
        <div ng-messages-include="templates/system-templates/detail-errors.html"></div>
    </div>
</div>